<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="asset/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="asset/css/app.css"/>
</head>

<body>
<!-- 顶部导航-->
<header class="mui-bar mui-bar-nav header">
    <a class="mui-icon mui-icon-back mui-pull-left" href="javascript:history.back(-1)"></a>
    <input id="mysearch" type="text" class="mui-input-clear" placeholder="请输入商家或服务名称" data-input-clear="1" data-input-search="1">
</header>
<div class="title" style="margin-top: 0.45rem;"></div>
<!-- 分类栏-->
<div class="mui-content">
    <!--<div class="mysearch">-->
        <!--<div class="title-bank">搜索结果</div>-->
        <!--<ul id="MySearchList" class="mui-table-view">-->

        <!--</ul>-->
    <!--</div>-->
    <div class="title-bank"><img src="asset/image/remen.png"/>热门搜索</div>
    <ul class="mui-table-view mui-grid-view mui-grid-9">
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">上门维修</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">电脑维修</div></a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">电脑快修</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">修热水器</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">补车胎</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">美甲</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">上门维修</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">电脑快修</div></a></li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            <a href="#">
                <div class="mui-media-body mysearch_hot_cont">电脑快修</div></a></li>
    </ul>
    <div class="title-bank"><img src="asset/image/lishi-.png"/>历史搜索</div>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">
                <span class="mui-icon mui-icon-search mui-pull-left icon-searchs"></span>
                电脑快修
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">
                <span class="mui-icon mui-icon-search mui-pull-left icon-searchs"></span>
                上门维修
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right">
                <span class="mui-icon mui-icon-search mui-pull-left icon-searchs"></span>
                美甲
            </a>
        </li>
    </ul>
</div>
</body>
<script type="text/javascript" src="asset/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="asset/js/rem.js"></script>
<script src="asset/js/mui.min.js"></script>
<script src="asset/js/common.js"></script>

</html>